home *** CD-ROM | disk | FTP | other *** search
/ PC Open 101 / PC Open 101 CD 1.bin / CD1 / grafica / The Gimp / gimp-help-2-0.3-setup.exe / {app} / share / gimp / 2.0 / help / en / ch04s02.html < prev    next >
Encoding:
Extensible Markup Language  |  2004-07-20  |  24.1 KB  |  584 lines
  1. <?xml version="1.0" encoding="UTF-8" standalone="no"?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4.   <head>
  5.     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  6.     <title>2.┬áLayers dialog</title>
  7.     <link rel="stylesheet" href="gimp-help-plain.css" type="text/css" />
  8.     <link rel="stylesheet" href="gimp-help-screen.css" type="text/css" />
  9.     <meta name="generator" content="DocBook XSL Stylesheets V1.64.1" />
  10.     <link rel="home" href="index.html" title="GIMP User Manual" />
  11.     <link rel="up" href="ch04.html" title="Chapter┬á4.┬áDialogs" />
  12.     <link rel="previous" href="ch04.html" title="Chapter┬á4.┬áDialogs" />
  13.     <link rel="next" href="ch04s02s02.html" title="2.2.┬áLayer masks" />
  14.   </head>
  15.   <body>
  16.     <div class="navheader">
  17.       <table width="100%" summary="Navigation header">
  18.         <tr>
  19.           <th colspan="3" align="center">2.┬áLayers dialog</th>
  20.         </tr>
  21.         <tr>
  22.           <td width="20%" align="left"><a accesskey="p" href="ch04.html">Prev</a>┬á</td>
  23.           <th width="60%" align="center">Chapter┬á4.┬áDialogs</th>
  24.           <td width="20%" align="right">┬á<a accesskey="n" href="ch04s02s02.html">Next</a></td>
  25.         </tr>
  26.       </table>
  27.       <hr />
  28.     </div>
  29.     <div class="sect1" lang="en" xml:lang="en">
  30.       <div class="titlepage">
  31.         <div>
  32.           <div>
  33.             <h2 class="title" style="clear: both"><a id="gimp-layer-dialog"></a>2.┬áLayers dialog</h2>
  34.           </div>
  35.         </div>
  36.         <div></div>
  37.       </div>
  38.       <a id="id2959624" class="indexterm"></a>
  39.       <div class="mediaobject">
  40.         <img src="../images/dialogs/dialogs-layer.png" />
  41.       </div>
  42.       <p>
  43.     The Layer dialog is the main interface to edit, modify and manage your
  44.     layers.  You can think of layers as a stack of slides or clothes on
  45.     your body.  Using layers, you can construct an image of several
  46.     conceptual parts which can be manipulated without affecting any other
  47.     part of the image. Layers are stacked on top of each other. The bottom
  48.     layer is the background of the image and the components in the
  49.     foreground of the image come above it.
  50.   </p>
  51.       <div class="simplesect" lang="en" xml:lang="en">
  52.         <div class="titlepage">
  53.           <div></div>
  54.           <div></div>
  55.         </div>
  56.       </div>
  57.       <div class="simplesect" lang="en" xml:lang="en">
  58.         <div class="titlepage">
  59.           <div>
  60.             <div>
  61.               <h3 class="title"><a id="id2959665"></a>Activate Dialog</h3>
  62.             </div>
  63.           </div>
  64.           <div></div>
  65.         </div>
  66.         <p>
  67.       The Layer dialog can be called in many ways :
  68.       </p>
  69.         <div class="itemizedlist">
  70.           <ul type="disc">
  71.             <li>
  72.               <p>
  73.             from the toolbox-menu:
  74.             <span class="guimenuitem"><span class="accel">F</span>ile</span>/
  75.             <span class="guimenuitem"><span class="accel">D</span>ialog</span>/
  76.             <span class="guimenuitem"><span class="accel">L</span>ayers</span>
  77.           </p>
  78.             </li>
  79.             <li>
  80.               <p>
  81.             from the image-menu:
  82.             <span class="guimenuitem"><span class="accel">D</span>ialog</span>/
  83.             <span class="guimenuitem"><span class="accel">L</span>ayers</span>
  84.           </p>
  85.             </li>
  86.             <li>
  87.               <p>
  88.             from an other dialog-menu:
  89.             <span class="guimenuitem"><span class="accel">A</span>dd Tab</span>/
  90.             <span class="guimenuitem"><span class="accel">L</span>ayers</span>
  91.           </p>
  92.             </li>
  93.             <li>
  94.               <p>
  95.             from the (default) shortcut:
  96.             <span><b class="keycap">Ctrl+L</b></span>.
  97.           </p>
  98.             </li>
  99.           </ul>
  100.         </div>
  101.         <p>
  102.     </p>
  103.       </div>
  104.       <div class="simplesect" lang="en" xml:lang="en">
  105.         <div class="titlepage">
  106.           <div></div>
  107.           <div></div>
  108.         </div>
  109.         <div class="variablelist">
  110.           <p class="title">
  111.             <b>Using the Layerdialog</b>
  112.           </p>
  113.           <dl>
  114.             <dt>
  115.               <span class="term">Overview</span>
  116.             </dt>
  117.             <dd>
  118.               <p>
  119.             Every layer appears in the dialog in form of a thumbnail. When
  120.             an image has many layers as components then it appears like a
  121.             list. The upper layer in the list is the first one visible and
  122.             the lowest layer the last visible, the background. Above the
  123.             list one can find characteristics related individually to each
  124.             layer. Under the list one can find managements buttons for the
  125.             layer list. A right-click in a layer thumbnail opens the layer
  126.             <a href="ch04s02.html#gimp-layer-menu" title="2.1.┬áLayers Menu">menu</a>.
  127.           </p>
  128.             </dd>
  129.             <dt>
  130.               <span class="term">Layer attributs</span>
  131.             </dt>
  132.             <dd>
  133.               <p>
  134.             Every layer is shown in the list with its own attributs. The
  135.             main attribut is the name of the layer itself, you can edit it
  136.             by a double-click on the name or the thumbnail of the layer. In
  137.             front of the thumbnail there is an icon showing an eye
  138.             <span class="guiicon"> <img src="../images/dialogs/dialogs-icon-eye.png" />
  139.             </span> by clicking on it you define whether the layer is
  140.             visible or not. An other icon showing a chain <span class="guiicon">
  141.               <img src="../images/dialogs/dialogs-icon-vchain.png" />
  142.             </span> enables to group layers for operations on multiples
  143.             layers (for example with the Move tool).
  144.           </p>
  145.               <div class="tip" style="margin-left: 0.5in; margin-right: 0.5in;">
  146.                 <table border="0" summary="Tip">
  147.                   <tr>
  148.                     <td rowspan="2" align="center" valign="top" width="25">
  149.                       <img alt="[Tip]" src="../images/tip.png" />
  150.                     </td>
  151.                     <th align="left">Tip</th>
  152.                   </tr>
  153.                   <tr>
  154.                     <td colspan="2" align="left" valign="top">
  155.             In case of an animation layer GIF or MNG the name of the layer
  156.             can be used to specify some parameters : Layer_name (delay in
  157.             ms) (combination mode), for example Frame-1 (100 ms) (replace).
  158.             The <span class="guilabel">delay</span> set the time during the layer is
  159.             visible in the animation. The combination mode set if you
  160.             combine with the previous layer or replace it : the two modes
  161.             are (combine) or (replace).
  162.           </td>
  163.                   </tr>
  164.                 </table>
  165.               </div>
  166.             </dd>
  167.             <dt>
  168.               <span class="term">Layers characteristics</span>
  169.             </dt>
  170.             <dd>
  171.               <p>
  172.             Above the layer list it's possible to specify some characteristics related
  173.             to the activ layer. The activ layer is the one highlighted in blue. The
  174.             characteristics are : Layer mode, Keep transparent and Opacity.
  175.           </p>
  176.               <div class="itemizedlist">
  177.                 <ul type="disc">
  178.                   <li>
  179.                     <p>
  180.                   <img src="../images/dialogs/dialogs-layer-modes.png" />
  181.                 </p>
  182.                     <p>
  183.                 <span class="guilabel">Layer modes</span>:
  184.                 The layer modes adjusts how the layer interact with the
  185.                 other layers.  From the combo box you can access to all the
  186.                 mode provided by Gimp.  The layer modes are full detailled
  187.                 in the <a href="go01.html#glossary-modes">Glossary</a>.
  188.               </p>
  189.                   </li>
  190.                   <li>
  191.                     <p>
  192.                   <img src="../images/dialogs/dialogs-layer-keeptrans.png" />
  193.                 </p>
  194.                     <p>
  195.                 <span class="guilabel">Keep transparent</span>: If you check this
  196.                 option the transparent areas of the layer will be keeped,
  197.                 this even if you have checked the <span class="guilabel">Fill
  198.                   transparent areas</span> option for the Bucket fill
  199.                 tool.
  200.               </p>
  201.                   </li>
  202.                   <li>
  203.                     <p>
  204.                   <img src="../images/dialogs/dialogs-layer-opacity.png" />
  205.                 </p>
  206.                     <p>
  207.                 <span class="guilabel"><a id="gimp-layer-dialog-opacity-scale"></a>Opacity</span>:
  208.                 By moving the slider you give less or more opacity to the
  209.                 layer. With a 0 opacity value the layer is transparent and
  210.                 full invisible.  Don't mistake with the Layer mask (see
  211.                 chapter Layer mask) that sets the transparency pixel by
  212.                 pixel.
  213.               </p>
  214.                   </li>
  215.                 </ul>
  216.               </div>
  217.             </dd>
  218.             <dt>
  219.               <span class="term">Layer management</span>
  220.             </dt>
  221.             <dd>
  222.               <p>
  223.             Under the layer list a set of buttons allows you to perform some basis operations
  224.             on the layer list.
  225.           </p>
  226.               <div class="itemizedlist">
  227.                 <ul type="disc">
  228.                   <li>
  229.                     <p>
  230.                  <img src="../images/dialogs/dialogs-icon-edit.png" />                   
  231.                  <span class="guilabel">Edit layer attributs</span>:
  232.                  You can change here the name of the active layer in the list.
  233.                </p>
  234.                   </li>
  235.                   <li>
  236.                     <a id="gimp-layer-new"></a>
  237.                     <p>
  238.                  <img src="../images/dialogs/dialogs-icon-new.png" /> 
  239.                  <span class="guilabel">New layer</span>:
  240.                  You can create here a new layer. A dialog is opened where
  241.                  you have to fill the <span class="guilabel">Layer name</span>,
  242.                  perhaps change default <span class="guilabel">Height</span> and
  243.                  <span class="guilabel">Width</span> choose the <span class="guilabel">Layer fill
  244.                    type</span> which will be the new layer background.
  245.                </p>
  246.                   </li>
  247.                   <li>
  248.                     <a id="gimp-layer-raise"></a>
  249.                     <p>
  250.                  <img src="../images/dialogs/dialogs-icon-raise.png" />
  251.                  <span class="guilabel">Raise layer</span>:
  252.                  You can here put the layer up a level in the list. Press the
  253.                  <span><b class="keycap">Shift</b></span> key to move the layer to the top of
  254.                  the list.
  255.                </p>
  256.                   </li>
  257.                   <li>
  258.                     <a id="gimp-layer-lower"></a>
  259.                     <p>
  260.                  <img src="../images/dialogs/dialogs-icon-lower.png" />
  261.                  <span class="guilabel">Lower layer</span>:
  262.                  You can here put the layer down a level in the list. Press the
  263.                  <span><b class="keycap">Shift</b></span> key to move the layer to the bottom of
  264.                  the list.
  265.                  </p>
  266.                     <div class="tip" style="margin-left: 0.5in; margin-right: 0.5in;">
  267.                       <table border="0" summary="Tip">
  268.                         <tr>
  269.                           <td rowspan="2" align="center" valign="top" width="25">
  270.                             <img alt="[Tip]" src="../images/tip.png" />
  271.                           </td>
  272.                           <th align="left">Tip</th>
  273.                         </tr>
  274.                         <tr>
  275.                           <td colspan="2" align="left" valign="top">
  276.                    To move a layer at the bottom of the list, first give a 
  277.                    transparency channel to the Backgrpund layer (also called Alpha channel).
  278.                    Right click on the Background layer and select 
  279.                    <span class="guilabel">Add Alpha channel</span> in the menu.
  280.                  </td>
  281.                         </tr>
  282.                       </table>
  283.                     </div>
  284.                     <p>
  285.                </p>
  286.                   </li>
  287.                   <li>
  288.                     <a id="gimp-layer-duplicate"></a>
  289.                     <p>
  290.                  <img src="../images/dialogs/dialogs-icon-duplicate.png" />                   
  291.                  <span class="guilabel">Duplicate layer</span>:
  292.                  You can create here a copy of the active layer. Name of new
  293.                  layer is suffixed with a number.
  294.                </p>
  295.                   </li>
  296.                   <li>
  297.                     <a id="gimp-layer-anchor"></a>
  298.                     <p>
  299.                  <img src="../images/dialogs/dialogs-icon-anchor.png" />
  300.                  <span class="guilabel">Anchor layer</span>:
  301.                  When the active layer is a temporary layer (also called floating
  302.                  selection) shown by this icon
  303.                  <span class="guiicon">
  304.                    <img src="../images/dialogs/dialogs-icon-floating.png" />
  305.                  </span>,
  306.                  this button anchors it in the previous active layer.
  307.                </p>
  308.                   </li>
  309.                   <li>
  310.                     <a id="gimp-layer-delete"></a>
  311.                     <p>
  312.                  <img src="../images/dialogs/dialogs-icon-delete.png" />
  313.                  <span class="guilabel">Delete layer</span> :
  314.                  You can here delete the active layer.
  315.                </p>
  316.                   </li>
  317.                 </ul>
  318.               </div>
  319.             </dd>
  320.           </dl>
  321.         </div>
  322.       </div>
  323.       <div class="sect2" lang="en" xml:lang="en">
  324.         <div class="titlepage">
  325.           <div>
  326.             <div>
  327.               <h3 class="title"><a id="gimp-layer-menu"></a>2.1.┬áLayers Menu</h3>
  328.             </div>
  329.           </div>
  330.           <div></div>
  331.         </div>
  332.         <div class="variablelist">
  333.           <div class="mediaobject">
  334.             <img src="../images/dialogs/dialogs-layer-menu.png" />
  335.           </div>
  336.           <dl>
  337.             <dt></dt>
  338.             <dd>
  339.               <p>
  340.           You can get the layer context menu by right clicking on  
  341.           layer thumbnail. This menu gives a lot of actions already
  342.           available through dialog buttons : resizing layer, managing
  343.           layer transparency and also merge functions for layers.
  344.         </p>
  345.               <p>
  346.           </p>
  347.               <div class="itemizedlist">
  348.                 <ul type="disc">
  349.                   <li>
  350.                     <p>
  351.                 <span class="guilabel">Edit layers attributes</span>:
  352.                 you can change here the name of the layer.
  353.               </p>
  354.                   </li>
  355.                   <li>
  356.                     <p>
  357.                 <span class="guilabel">New layer</span>:
  358.                 you can create here a new layer (see Layer management).
  359.               </p>
  360.                   </li>
  361.                   <li>
  362.                     <p>
  363.                 <span class="guilabel">Raise layer</span>:
  364.                 you can put here the layer up a level in the list (see
  365.                 Layer 
  366.                 management).
  367.               </p>
  368.                   </li>
  369.                   <li>
  370.                     <p>
  371.                 <span class="guilabel">Layer to top</span>:
  372.                 you can move here the layer to top of the list (see
  373.                 Layer 
  374.                 management).
  375.               </p>
  376.                   </li>
  377.                   <li>
  378.                     <p>
  379.                 <span class="guilabel">Lower layer</span>:
  380.                 you can put here the layer down a level in the list
  381.                 (see Layer 
  382.                 management). 
  383.               </p>
  384.                   </li>
  385.                   <li>
  386.                     <p>
  387.                 <span class="guilabel">Layer to bottom</span>:
  388.                 you can move here the layer to bottom of the list (see
  389.                 Layer 
  390.                 management).
  391.               </p>
  392.                   </li>
  393.                   <li>
  394.                     <p>
  395.                 <span class="guilabel">Duplicate layer</span>:
  396.                 you can create here a copy of the layer (see Layer
  397.                 management).
  398.               </p>
  399.                   </li>
  400.                   <li>
  401.                     <p>
  402.                 <span class="guilabel">Anchor layer</span>:
  403.                 you can anchor here un temporary layer (a floating
  404.                 selection)
  405.                 in the previous active layer (see Layer management).
  406.               </p>
  407.                   </li>
  408.                   <li>
  409.                     <p>
  410.                 <span class="guilabel">Merge down</span>:
  411.                 the layer is merged with the layer juste below in the
  412.                 list.
  413.                 It's removed and the new active layer is the lowest one
  414.                 in
  415.                 the list.
  416.               </p>
  417.                   </li>
  418.                   <li>
  419.                     <p>
  420.                 <span class="guilabel">Delete layer</span>:
  421.                 you can delete here the active layer.
  422.               </p>
  423.                   </li>
  424.                   <li>
  425.                     <p>
  426.                 <span class="guilabel">Layer boundary size</span>:
  427.                 A layer has not always the same size as image canvas.
  428.                 It can be smaller then you use less memory or bigger
  429.                 then some 
  430.                 some parts are hidden.
  431.                 A dialog appears where you can set some parameters for
  432.                 the 
  433.                 layer size. Those parameters are <span class="guilabel">Width</span> and
  434.                 <span class="guilabel">Height</span> or also <span class="guilabel">Ratio X Y</span>.
  435.                 The layer ratio is retained if the icon behind ratio
  436.                 values
  437.                 is a chain. When you click on this icon the chain is
  438.                 broken
  439.                 and the original ratio is no longer retained. You can
  440.                 use a menu to
  441.                 select the units for the new layer boundary size.
  442.                 <span class="guilabel">Offset</span> locate the upper left
  443.                 corner of the layer
  444.                 in the image's canvas. You can change the X and Y
  445.                 offsets by dragging
  446.                 the mouse in the interactive image in the dialog. The
  447.                 old layer size
  448.                 is designed with a blurred border and the new layer
  449.                 size with a hard
  450.                 border. Adjust the last pixels with the arrow-head
  451.                 buttons or 
  452.                 indicate them manually.
  453.               </p>
  454.                   </li>
  455.                   <li>
  456.                     <p>
  457.                 <span class="guilabel">Layer to image size</span>:
  458.                 you can change here the layer boundary to fit thecanvas
  459.                 boundary.
  460.               </p>
  461.                   </li>
  462.                   <li>
  463.                     <p>
  464.                 <span class="guilabel">Scale layer</span>: you can resize here the
  465.                 layer and its content.  A dialog appears where you can set
  466.                 some parameters for the layer size. Those parameters are
  467.                 <span class="guilabel">Width</span> and <span class="guilabel">Height</span>
  468.                 or also <span class="guilabel">Ratio X Y</span>.  The layer ratio is
  469.                 retained if the icon behind the ratio values is a chain.
  470.                 When you click on this icon the chain is broken and the
  471.                 original ratio is no longer retained. You can use a menu to
  472.                 select the units for the new layer boundary size.  The
  473.                 <span class="guilabel">Interpolation</span> menu let you choose how
  474.                 the new layer pixels will be recalculated. When you resize
  475.                 the layer content either pixels are added or are removed
  476.                 and a recalculation is necessary.  When the new size is
  477.                 smaller the layer is cutted. When the new size is bigger a
  478.                 transparent area (or the background color if the layer has
  479.                 no Alpha channel) is added around the previous content of
  480.                 the layer.
  481.               </p>
  482.                   </li>
  483.                   <li>
  484.                     <p>
  485.                 <span class="guilabel">Add layer mask</span>: you can add here un
  486.                 transparency mask to the layer. See the chapter Layer mask
  487.                 for more informations.
  488.               </p>
  489.                   </li>
  490.                   <li>
  491.                     <p>
  492.                 <span class="guilabel">Apply layer mask</span>: you can merge here
  493.                 the mask with its layer. The transparency set by the mask
  494.                 is definitively applied to the layer Alpha channel. The
  495.                 mask is removed.
  496.               </p>
  497.                   </li>
  498.                   <li>
  499.                     <p>
  500.                 <span class="guilabel">Delete layer mask</span>:
  501.                 you can delete here the mask without modifying thelayer
  502.                 it is attached to.
  503.               </p>
  504.                   </li>
  505.                   <li>
  506.                     <p>
  507.                 <span class="guilabel">Masque vers s├⌐lection</span>:
  508.                 you can transform here the layer mask to selection. The
  509.                 white areas are selected and the black areas are not.
  510.                 Graytone areas will result in feathered ones in
  511.                 selection
  512.               </p>
  513.                   </li>
  514.                   <li>
  515.                     <p>
  516.                 <span class="guilabel">Add Alpha channel</span>:
  517.                 you can add here to the layer the ability to have
  518.                 transparency.
  519.                 Without Alpha channel a layer can not have transparency
  520.                 or layer
  521.                 mask.
  522.               </p>
  523.                   </li>
  524.                   <li>
  525.                     <p>
  526.                 <span class="guilabel">Alpha to selection</span>:
  527.                 you can transform here the Alpha channel in selection.
  528.                 The 
  529.                 transparent areas are selected when the opaque areas
  530.                 are not.
  531.                 The middle-transparent areas will result in feathered
  532.                 ones in selection
  533.               </p>
  534.                   </li>
  535.                   <li>
  536.                     <p>
  537.                 <span class="guilabel">Merge visible layers</span>: You can merge
  538.                 here the visible layers, those who have an eye-icon in the
  539.                 list.  A dialog appears. The <span class="guilabel">Expand as
  540.                   necessary</span> option keeps the pixels for layers
  541.                 with size bigger than the canvas.  The <span class="guilabel">Clipped to
  542.                   image</span> option resizes the final layer size
  543.                 egual to the image canvas size.  The <span class="guilabel">Clipped to
  544.                   bottom layer</span> option keeps only the pixels in
  545.                 the boundary of the lowest layer in the list.
  546.               </p>
  547.                   </li>
  548.                   <li>
  549.                     <p>
  550.                 <span class="guilabel">Flatten image</span>:
  551.                 you can merge here all the layers into one singlelayer.
  552.               </p>
  553.                   </li>
  554.                 </ul>
  555.               </div>
  556.               <p>
  557.         </p>
  558.             </dd>
  559.           </dl>
  560.         </div>
  561.       </div>
  562.     </div>
  563.     <div class="navfooter">
  564.       <hr />
  565.       <table width="100%" summary="Navigation footer">
  566.         <tr>
  567.           <td width="40%" align="left"><a accesskey="p" href="ch04.html">Prev</a>┬á</td>
  568.           <td width="20%" align="center">
  569.             <a accesskey="u" href="ch04.html">Up</a>
  570.           </td>
  571.           <td width="40%" align="right">┬á<a accesskey="n" href="ch04s02s02.html">Next</a></td>
  572.         </tr>
  573.         <tr>
  574.           <td width="40%" align="left" valign="top">Chapter┬á4.┬áDialogs┬á</td>
  575.           <td width="20%" align="center">
  576.             <a accesskey="h" href="index.html">Home</a>
  577.           </td>
  578.           <td width="40%" align="right" valign="top">┬á2.2.┬áLayer masks</td>
  579.         </tr>
  580.       </table>
  581.     </div>
  582.   </body>
  583. </html>
  584.